<template>
  <div class="logo-box">
    <div class="logo-img"><img src="../assets/images/logo.png" /></div>
    <div class="product-name">网易云音乐</div>
  </div>
</template>

<script>
export default {};
</script>

<style>
.logo-box {
  float: left;
  display: flex;
  height: 70px;
  width: 180px;
  align-items: center;
}
.logo-img {
  display: flex;
  justify-content: center;
}
.logo-img img {
  width: 32px;
  height: 32px;
}
.product-name {
  margin-left: 6px;
  color: #242424;
  font-size: 21px;
  color: #fff;
  font-family: Arial, Helvetica, sans-serif;
}
</style>
